<template>
	<view>
		<view class="content">
			<view class="img">
				<image src="../static/test.jpg" mode=""></image>
			</view>
			<view class="detail">
				<view class="name">
					<text>世纪华联(骆家庄西苑一区店)</text>
				</view>
				<view class="tips">
					<view class="evaluate">
						<text style="color: #d86608;">4.8分</text>
						<text style="color: #5e5e5e;">月售1000</text>
						<text style="float: right;">30分钟</text>
					</view>
					<view class="condition">
						<text>起送 ￥10</text>
						<text>配送 ￥0</text>
					</view>
					<view >
						<uni-tag text="鸡腿很好吃" type="error" class="favor" :circle="true" ></uni-tag>
						<uni-tag text="网友好评" type="error" :circle="true" class="favor"></uni-tag>
						<uni-tag text="满20减2" type="error" :circle="true" class="favor"></uni-tag>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		props:['data'],
		data() {
			return {
				
			};
		}
	}
</script>

<style scoped lang="scss">
	.content{
		width: 690rpx;
		height: 300rpx;
		padding: 10rpx 20rpx;
		border-radius: 14rpx;
		background-color: #FFFFFF;
		display: flex;
		margin: 20rpx auto;
		.img{
			image{
				width: 200rpx;
				height: 180rpx;
			}
			flex-shrink: 0;
			margin-right: 20rpx;
		}
		.detail{
			.name{
				font-size: 30rpx;
				font-weight: bold;
				margin-bottom: 6rpx;
			}
			.tips{
				.evaluate{
					font-size: 20rpx;
					opacity: 0.7;
				}
			}
			.condition{
				font-size: 20rpx;
				opacity: 0.7;
				margin:14rpx 0;
			}
			.favor{
				display: inline-block; 
				width: fit-content; 
				height: 46rpx;
				line-height: 46rpx;
				margin:4rpx;
				
			}
			
		}
	}
</style>
